<link rel="stylesheet" href="ccay/example/demo.css"  type="text/css" />
<script type="text/javascript" src="ccay/example/demo.js" charset="utf-8"></script>
<script type="text/javascript" src="ccay/example/ui/igrid/managerFunction.js" charset="utf-8"></script>
<style type="text/css">
h5{font-size: 13px; font-weight: normal; line-height: 13px; float: right;}
h6{font-size: 13px; color: red; float: left; line-height: 13px;}
.showClew{font-size: 12px; color: olive;}
.showClew span{color: peru;}
.spanShow{color: peru;}
</style>
<div id="managerFunctionDemo">
	<!-- API区 -->
	<div title='API' tabid='tab1'><br />
		<h2 style="cursor: pointer;"><a onclick="Ccay.Common.toggle(this,'#managerApi')">IGrid的manager()方法表</a></h2>
		<div style="display:none" id="managerApi">
			<form class="init ccay-form  longtitle">
			<div class="ccay-form-body ccay-form-custom">
				<ul>						
					<li class="ccay-form-row">
						<samp><h3>分类</h3></samp>
						<span class="ccay-form-input"><h3 style="float: left;">描述</h3><h5><a onclick="Ccay.example.ui.igird.managerFunction.openDemo('tab2');">点击查看Demo</a></h5></span>
					</li>
					<li class="ccay-form-row">
						<samp class="i18n" i18nKey="获取的方法"></samp>
						<span class="ccay-form-input">
							<div class="ccay-form-body">
	                           	<ul><li style="line-height: 27px;"><a style="cursor: pointer; margin-left: 5px;" onclick="Ccay.Common.toggle(this,'#divcont')"><u>获取容器的方法</u></a></li></ul>
	                        </div>
							<div class="ccay-form-custom"  style="display:none" id="divcont">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getActiveEditor()"></samp>
										<span class="ccay-form-input">{Function} 获取grid活动的编辑器，若存在，则返回；不存在，则返回null</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getBodyPanel()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的内容容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getBodyPlace()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的表内容div容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getBodyTable()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的表内容table容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getBottom()"></samp>
										<span class="ccay-form-input">{Function} 获取grid底部容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getColStylePanel()"></samp>
										<span class="ccay-form-input">{Function} 获取grid头部的列样式容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getContent()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getDataBody()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的表内容tbody容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getEditPanel()"></samp>
										<span class="ccay-form-input">{Function} 获取grid的编辑面板</span>
									</li>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getHead()"></samp>
										<span class="ccay-form-input">{Function} 获取grid头部容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getHeadPanel()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的表头div容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getHeadTable()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的表头table容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getMiniToolBar()"></samp>
										<span class="ccay-form-input">{Function} 获取grid的工具栏</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getScroller()"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的横向滚动条容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getStylePanel()"></samp>
										<span class="ccay-form-input">{Function} 获取grid头部的样式容器</span>
									</li>
							 	</ul>
							 </div><br>
							<div class="ccay-form-body">
	                           	<ul><li style="line-height: 27px;"><a style="cursor: pointer; margin-left: 5px;" onclick="Ccay.Common.toggle(this,'#divdom')"><u>获取DOM对象的方法</u></a></li></ul>
	                        </div>
							<div class="ccay-form-custom"  style="display:none" id="divdom">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getCellByField(rowIdx, field)"></samp>	
										<span class="ccay-form-input">{Function} 通过行索引及列的field属性获取单元格对象<br>rowIdx：{Number} 行索引<br>field：{String} 列的field属性</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getCellRow(cell)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格所在行对象<br>cell：{Object} igrid的单元格对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getColumnIndex(cell)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格所在列的索引<br>cell：{Object} igrid的单元格对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getEditRow(editCtr)"></samp>	
										<span class="ccay-form-input">{Function} 通过编辑控件获取行对象<br>editCtr：{JQDom} 编辑控件对象<br><h6>例如：$("#igridID").manager().getEditRow($("[name=field]"));</h6></span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getFocusRow()"></samp>
										<span class="ccay-form-input">{Function} 获取鼠标定位的行对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRowCell(row, columnIndex)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格对象<br>row：{JQDom} igrid的行对象<br>columnIndex：{Number} 列索引</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRow(index)"></samp>
										<span class="ccay-form-input">{Function} 通过索引获取行对象<br>index：{Number} 索引</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRows(filter)"></samp>
										<span class="ccay-form-input">{Function} 通过过滤器获取行对象<br>filter：{String} 过滤器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getSelectRows(unSelected, filter)"></samp>
										<span class="ccay-form-input">{Function} 获取选中的行对象<br>unSelected：{Boolean} 是否没有选中<br>filter：{String} 过滤器</span>
									</li>
							 	</ul>
							</div><br>
							<div class="ccay-form-body">
	                           	<ul><li style="line-height: 27px;"><a style="cursor: pointer; margin-left: 5px;" onclick="Ccay.Common.toggle(this,'#divdata')"><u>获取数据的方法</u></a></li></ul>
	                        </div>
							<div class="ccay-form-custom" style="display:none" id="divdata">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getAllRecords()"></samp>
										<span class="ccay-form-input">{Function} 获取当前igrid中所有的数据</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getDeletedRecords(fields, fnFilter)"></samp>
										<span class="ccay-form-input">{Function} 获取删除的数据集合<br>fields：{Object} 数据集<br>fnFilter：{Function} 过滤器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getInsertedRecords(fields, fnFilter)"></samp>
										<span class="ccay-form-input">{Function} 获取新增的数据集合<br>fields：{Object} 数据集<br>fnFilter：{Function} 过滤器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRecords()"></samp>
										<span class="ccay-form-input">{Function} 获取所有变化的值（inserted,updated,deleted）无变化时return null</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRowData(row)"></samp>
										<span class="ccay-form-input">{Function} 获取行数据<br>row：{JQDom} igrid的行对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getSelectedRecords(fields, fnFilter)"></samp>
										<span class="ccay-form-input">{Function} 获取选中的行数据<br>fields：{Object} 数据集<br>fnFilter：{Function} 过滤器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getUpdatedRecords()"></samp>
										<span class="ccay-form-input">{Function} 获取更新的数据集合</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getUnvariedRecords()"></samp>
										<span class="ccay-form-input">{Function} 获取所有未变化的值（非inserted,非updated,非deleted)</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getValue()"></samp>
										<span class="ccay-form-input">{Function} 获取igrid的值</span>
									</li>
							 	</ul>
							 </div><br>
							<div class="ccay-form-body">
	                           	<ul><li style="line-height: 27px;"><a style="cursor: pointer; margin-left: 5px;" onclick="Ccay.Common.toggle(this,'#divextend')"><u>扩展的方法</u></a></li></ul>
	                        </div>
							<div class="ccay-form-custom" style="display:none" id="divextend">
								<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getColSet(isHead)"></samp>
										<span class="ccay-form-input">{Function} 获取grid中部的列设置容器<br>isHead：{Boolean} 是否是表头<br>true：获取grid中部的表头table的列设置容器<br>false：获取grid中部的表内容table的列设置容器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getColumnOp(cell)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格所在列的配置信息<br>cell：{JQDom} igrid的单元格对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getFZColumn(start, end, num, columns)"></samp>
										<span class="ccay-form-input">{Function} 获取冻结列<br>start：{Number} 开始位置<br>end：{Number} 结束位置<br>num：{Number} 个数<br>columns：{Array} 列集合</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getOrderColumns(includeInnerColumns)"></samp>
										<span class="ccay-form-input">{Function} 获取排序后有效的列<br>includeInnerColumns：{Boolean} 是否包含内置列</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getPageInf()"></samp>
										<span class="ccay-form-input">{Function} 获取分页信息</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRowIndex(row)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格所在行的索引<br>row：{Object} igrid的行对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getRowNo(row)"></samp>
										<span class="ccay-form-input">{Function} 获取行号<br>row：{Object} igrid的行对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getScrollLoadColumns(startIndex)"></samp>
										<span class="ccay-form-input">{Function} 根据开始位置获取需要加载的列<br>startIndex：{Number} 开始位置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="getScrollPanelWidth()"></samp>
										<span class="ccay-form-input">{Function} 获取可滚动区域的宽度</span>
									</li>
								</ul>
							</div>
						</span>
					</li>
			        <li class="ccay-form-row">
						<samp class="i18n" i18nKey="设置"></samp>
						<span class="ccay-form-input"><br><br>
							<div class="ccay-form-body">
	                           	<ul></ul>
	                        </div>
							<div class="ccay-form-custom">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setColWidth(cell, width)"></samp>
										<span class="ccay-form-input">{Function} 设置单元格所在列的宽度<br>cell：{Object} igrid的单元格对象<br>width：{String} 宽度</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setCustomCol(col)"></samp>
										<span class="ccay-form-input">{Function} 设置个性化的列信息<br>col：{Object} igrid的列设置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setFocusRow(tr)"></samp>
										<span class="ccay-form-input">{Function} 设置光标定位行<br>tr：{Object} igrid的行对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setScrollSize(containerHeight)"></samp>
										<span class="ccay-form-input">{Function} 设置滚动分页的每页显示的条数<br>containerHeight：{Number} 容器的高度</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setValue(data, copy)"></samp>
										<span class="ccay-form-input">{Function} 设置igrid的值<br>data：{Array} 数据集<br>copy：{Boolean} 是否进行复制</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="setNoResult(info)"></samp>
										<span class="ccay-form-input">{Function} 设置无数据记录时显示的提示信息<br>info：{String} 提示信息国际化key</span>
									</li>
							 	</ul>
							 </div>
						</span>
					</li>
					<li class="ccay-form-row">
						<samp class="i18n" i18nKey="判断"></samp>
						<span class="ccay-form-input"><br><br>
							<div class="ccay-form-body">
	                           	<ul></ul>
	                        </div>
							<div class="ccay-form-custom">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="isNewRow(row)"></samp>
										<span class="ccay-form-input">{Function} 是否是新增行<br>row：{Object} igrid的行对象</span>
									</li>
							 	</ul>
							 </div>
						</span>
					</li>
					<li class="ccay-form-row">
						<samp class="i18n" i18nKey="执行"></samp>
						<span class="ccay-form-input"><br><br>
							<div class="ccay-form-body">
	                           	<ul></ul>
	                        </div>
							<div class="ccay-form-custom">
							 	<ul>
							 		<li class="ccay-form-row">
										<samp class="i18n" i18nKey="appendRow(records, setting)"></samp>
										<span class="ccay-form-input">{Function} 追加行<br>records：{Array} 数据集<br>setting：{Object} 设置对象。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;insertPos：指定在某个位置 ； position：某个位置的前(before)，后(after)<br>例如：$("#igridID").manager().appendRow(records,{insertPos:xx,position:xx});
										</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="buildReloadColumns(columns)"></samp>
										<span class="ccay-form-input">{Function} 创建加载列<br>columns：{{Array} 列设置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="cellData(td, value, col)"></samp>
										<span class="ccay-form-input">{Function} 重置单元格数据<br>td：{JQDom} igrid的列对象<br>value：{String} 值为空：获取单元格数据；不为空：将值替换到单元格中，并获取整行数据集<br>col：{Object} igrid的列的配置信息</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="cellValue(td, col, value, updateData)"></samp>
										<span class="ccay-form-input">{Function} 获取单元格显示的文本数据<br>td：{JQDom} igrid的列对象<br>col：{Object} igrid的列的配置信息<br>value：{String} 值为空：获取单元格显示的文本数据；不为空：将值显示到单元格中<br>updateData：{Boolean} 是否将值替换到单元格</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="changeResizeTip(grid)"></samp>
										<span class="ccay-form-input">{Function} 调整大小的Tip提示<br>grid：{Object} igrid对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="clearActiveEditor()"></samp>
										<span class="ccay-form-input">{Function} 清除动态的编辑器</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="clearCache()"></samp>
										<span class="ccay-form-input">{Function} 清除缓存数据</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="disabled(disabled)"></samp>
										<span class="ccay-form-input">{Function} 表格不可用<br>disabled：{Boolean} 是否不可用</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="expand(isExpand)"></samp>
										<span class="ccay-form-input">{Function} grid展开<br>isExpand：{Boolean} 是否展开</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="fullScreen(container, fullHeight, isFull)"></samp>
										<span class="ccay-form-input">{Function} grid全屏<br>container：{JQDom} 全屏容器<br>fullHeight：{Number} 全屏高度<br>isFull：{Boolean} 是否全屏</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="hideColumn(start, end)"></samp>
										<span class="ccay-form-input">{Function} 根据范围隐藏列<br>start：{Number} 开始数<br>end：{Number} 结束数</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="hideToolBar()"></samp>
										<span class="ccay-form-input">{Function} 隐藏工具栏</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="initScrollLoadColumn(startIndex)"></samp>
										<span class="ccay-form-input">{Function} 初始化加载列<br>start：{Number} 开始索引</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="readonly(readonly)"></samp>
										<span class="ccay-form-input">{Function} 表格只读<br>readonly：{Boolean} 是否只读</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="reBind(data)"></samp>
										<span class="ccay-form-input">{Function} 获取绑定数据<br>data：{Object} 数据</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="refreshScroller()"></samp>
										<span class="ccay-form-input">{Function} 刷新横向滚动条</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="reInit(op)"></samp>	
										<span class="ccay-form-input">{Function} igrid重新初始化<br>op：{Object} 改变的参数配置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="reloadColumn(columns)"></samp>	
										<span class="ccay-form-input">{Function} 加载列<br>columns：{Array} 列设置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="reload(isSearch, isRequest, isSort)"></samp>
										<span class="ccay-form-input">{Function} 获取重新加载后的对象<br>isSearch：{Boolean} 是否进行查询<br>isRequest：{Boolean} 是否进行请求<br>isSort：{Boolean} 是否进行排序</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="renderRow(td, data)"></samp>
										<span class="ccay-form-input">{Function} 获取渲染后的行对象<br>td：{JQDom} igrid的列对象<br>data：{Object} 值</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="resize()"></samp>
										<span class="ccay-form-input">{Function} grid调整大小触发事件</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="save(ajax, isShowMsg)"></samp>
										<span class="ccay-form-input">{Function} grid保存<br>ajax：{Object} ajax请求设置<br>isShowMsg：{Boolean} 是否显示默认信息</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="saveCustom(op)"></samp>
										<span class="ccay-form-input">{Function} 保存个性化<br>op：{Object} 个性化设置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="scrollLoadColumn(startIndex)"></samp>
										<span class="ccay-form-input">{Function} 滚动加载列<br>startIndex：{Number} 开始索引</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="scrollTo(column)"></samp>
										<span class="ccay-form-input">{Function} 滚动到哪一列<br>column：{Object} 列设置</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="scrollX(scroller, left, isTriggerEvent)"></samp>
										<span class="ccay-form-input">{Function} 模拟横向滚动<br>scroller：{JQDom} 滚动条对象<br>left：{String} 左边距<br>isTriggerEvent：{Boolean} 是否是触发事件</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="search(param)"></samp>
										<span class="ccay-form-input">{Function} grid搜索<br>param：{Object} 参数</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="showToolBar()"></samp>
										<span class="ccay-form-input">{Function} 显示工具栏</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="showValidResult(value, validResult, cell)"></samp>	
										<span class="ccay-form-input">{Function} 显示错误验证信息<br>value：{String} 单元格的值<br>validResult：{String} 提示信息<br>cell：{JQDom} 单元格对象</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="syncScroll(left, top)"></samp>
										<span class="ccay-form-input">{Function} 根据设置同步滚动<br>left：{String} 左边距<br>top：{String} 上边距</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="updateStyle(isInit)"></samp>
										<span class="ccay-form-input">{Function} 更新样式<br>isInit：{Boolean} 是否是初始化</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="valid()"></samp>
										<span class="ccay-form-input">{Function} gird验证</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="totalColumn()"></samp>
										<span class="ccay-form-input">{Function} igrid重新统计列和，只针对当前页统计。</span>
									</li>
									<li class="ccay-form-row">
										<samp class="i18n" i18nKey="selectRow(tr,selected)"></samp>
										<span class="ccay-form-input">tr：{jqDOM} 单行或多行<br/>selected：{Boolean} 是否选中(V5R04SP20支持)</span>
									</li>
							 	</ul>
							 </div>
						</span>
					</li>
				</ul>
			</div>
			</form>
		</div>
	</div>
	
	<!-- Demo区 -->
	<div title='manager()方法' tabid='tab2'>
        <span class="showClew">备注：IGrid的manager()中的获取数据、不可用、只读、搜索等方法应用</span><br><br>
    	<form id="searchForm" class="init ccay-form">
			<div class="ccay-form-body">
				<ul>
					<li class="ccay-form-row">
						<samp class="i18n" i18nKey="ccay.common.label.name" ></samp>
						<span class="ccay-form-input"><input type="text" name="name" maxlength="20"/></span>	
					</li>
				</ul>
			</div>
			<div class="ccay-operate">
				<span id="btnSearch" class="ccay-button default" >
					<a class="ccay-icon search"></a>
					<label class="i18n" i18nKey="ccay.common.button.search"></label>
				</span>
				<span class="init button ccay-button reset" >
					<a class="ccay-icon reset"></a>
					<label class="i18n" i18nKey="ccay.common.button.reset"></label>
				</span>
			</div>
		</form>
		<div class="ccay-grid">
			<div id="tbriStudent" class="ccay-toolbar">
				<span id="btnAdd" class="ccay-button">
					<a class="ccay-icon add"></a>
					<label class="i18n" i18nkey="ccay.common.button.gridAdd"></label>
				</span>
				<div class="ccay-menubutton init">
					<div class="ccay-menubutton-body">
						<a class="ccay-icon del"></a>
						<span class="i18n" i18nKey="ccay.common.button.delete"></span>
					</div>
					<a class="ccay-menubutton-btn" href="javascript:void 0"></a>
					<div class="ccay-menubutton-selector">
						<ul>
							<li id="btnDel" class="ccay-menubutton-item ">
								<a class="ccay-icon pre-del"></a>
								<span class="i18n" i18nKey="ccay.common.button.gridDelete"></span>
							</li>
							<li id="btnUndoDel" class="ccay-menubutton-item">
								<a class="ccay-icon undel"></a>
								<span class="i18n" i18nKey="ccay.common.button.gridUndoDelete"></span>
							</li>
						</ul>
					</div>
				</div>
				<span id="btnSave" class="init hasPermission ccay-button" ccayPermission="Service$I18n.Manage$create|Service$I18n.Manage$update|Service$I18n.Manage$delete">
					<a class="ccay-icon save"></a>
					<label class="i18n" i18nkey="ccay.common.button.gridSave"></label>
				</span>
				<div class="ccay-menubutton init">
					<div class="ccay-menubutton-body" onclick="$('#iStudent').manager().disabled(true)">
						<a class="ccay-icon disable"></a>
						<span class="i18n" i18nKey="disabled"></span>
					</div>
					<a class="ccay-menubutton-btn" href="javascript:void 0"></a>
					<div class="ccay-menubutton-selector">
						<ul>
							<li id="btnDel" class="ccay-menubutton-item " onclick="$('#iStudent').manager().disabled()">
								<a class="ccay-icon enable"></a>
								<span class="i18n" i18nKey="enabled"></span>
							</li>
						</ul>
					</div>
				</div>
				<div class="ccay-menubutton init">
					<div class="ccay-menubutton-body" onclick="$('#iStudent').manager().readonly(true)">
						<a class="ccay-icon no-premission"></a>
						<span class="i18n" i18nKey="readonly"></span>
					</div>
					<a class="ccay-menubutton-btn" href="javascript:void 0"></a>
					<div class="ccay-menubutton-selector">
						<ul>
							<li id="btnDel" class="ccay-menubutton-item " onclick="$('#iStudent').manager().readonly()">
								<a class="ccay-icon edit"></a>
								<span class="i18n" i18nKey="unReadonly"></span>
							</li>
						</ul>
					</div>
				</div>
				<div class="ccay-menubutton init">
					<div class="ccay-menubutton-body">
						<a class="ccay-icon view"></a>
						<span class="i18n" i18nKey="get records"></span>
					</div>
					<a class="ccay-menubutton-btn" href="javascript:void 0"></a>
					<div class="ccay-menubutton-selector">
						<ul>
							<li class="ccay-menubutton-item " onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#iStudent').manager().getSelectedRecords());">
								<a class="ccay-icon status-draft"></a>
								<span class="i18n" i18nKey="get selected records"></span>
							</li>
							<li class="ccay-menubutton-item " onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#iStudent').manager().getUpdatedRecords());">
								<a class="ccay-icon status-draft"></a>
								<span class="i18n" i18nKey="get updated records"></span>
							</li>
							<li class="ccay-menubutton-item " onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#iStudent').manager().getInsertedRecords());">
								<a class="ccay-icon status-draft"></a>
								<span class="i18n" i18nKey="get inserted records"></span>
							</li>
							<li class="ccay-menubutton-item " onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#iStudent').manager().getDeletedRecords());">
								<a class="ccay-icon status-draft"></a>
								<span class="i18n" i18nKey="get deleted records"></span>
							</li>
							<li class="ccay-menubutton-item " onclick="Ccay.example.ui.igird.managerFunction.openNewWindow($('#iStudent').manager().getUnvariedRecords());">
								<a class="ccay-icon status-draft"></a>
								<span class="i18n" i18nKey="get unvaried records"></span>
							</li>
						</ul>
					</div>
				</div>
		 	</div>
		 	<div id="iStudent"></div>
	 	</div>
    	<h3>html Code</h3>
	  	<span></span>
	  	<div class="codeArea">
			<pre id='html1'>
&lt;form id="searchForm01" class="init ccay-form">
	&lt;div class="ccay-form-body">
		&lt;ul>
			&lt;li class="ccay-form-row">
				&lt;samp class="i18n" i18nKey="ccay.common.label.name" >&lt;/samp>
				&lt;span class="ccay-form-input">&lt;input type="text" name="name" maxlength="20"/>&lt;/span>	
			&lt;/li>
		&lt;/ul>
	&lt;/div>
	&lt;div class="ccay-operate">
		&lt;span id="btnSearch01" class="ccay-button default" >
			&lt;a class="ccay-icon search">&lt;/a>
			&lt;label class="i18n" i18nKey="ccay.common.button.search">&lt;/label>
		&lt;/span>
		&lt;span class="init button ccay-button reset" >
			&lt;a class="ccay-icon reset">&lt;/a>
			&lt;label class="i18n" i18nKey="ccay.common.button.reset">&lt;/label>
		&lt;/span>
	&lt;/div>
&lt;/form>

&lt;div id="tbrigridDemo" class="ccay-grid-toolbar">
	&lt;!-- 表格不可用  -->
	&lt;input type="button" class="i18n" i18nKey="disabled" onclick="$('#igridDemo').manager().disabled(true)"/>
	&lt;input type="button" class="i18n" i18nKey="unDisabled" onclick="$('#igridDemo').manager().disabled()"/>
		
	&lt;!-- 表格只读  -->
	&lt;input type="button" class="i18n" i18nKey="readonly" onclick="$('#igridDemo').manager().readonly(true)"/>
	&lt;input type="button" class="i18n" i18nKey="unReadonly" onclick="$('#igridDemo').manager().readonly()"/>
	&lt;input onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#igridDemo').manager().getSelectedRecords());" value='get selected records' type='button' />	
	&lt;input onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#igridDemo').manager().getUpdatedRecords());" value='get updated records' type='button' />		   
	&lt;input id="btnDel01" value='delete' type='button' />
	&lt;input id="btnUndoDel01" value='undo delete' type=button />
	&lt;input onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#igridDemo').manager().getDeletedRecords());" value='get deleted records' type='button' />
	&lt;input id="btnAdd01" value='insert' type='button' />
	&lt;input onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#igridDemo').manager().getInsertedRecords());" value='get inserted records' type='button' />
	&lt;input onclick="Ccay.example.ui.igird.managerFunction.operateTest($('#igridDemo').manager().getUnvariedRecords());" value='get unvaried records' type='button' />
	&lt;input id="btnSave01" value='save' type='button' />
&lt;/div>
&lt;div id="igridDemo">&lt;/div>
			</pre>
		</div>
		<h3>js Code</h3>
      	<span></span>
      	<div class="codeArea">
      		<pre id='js1'>
var linkBtns = [
	{text: "${id}", click: page.operateTest}
];
var gridOption = {
	height: 200,
	maxHeight: 500,
	editMode: true,
	wrapHead: false,
    columns: [
		{columnType: 'select', multi: true},
		{columnType: 'operate', width: 70, freezeable: true,  btns: linkBtns},
		{field: 'name', width: 90, header: "ccay.common.label.name", freezeable: true, rule: {required: true}},
		{field: 'sex', width: 70, header: "sSex", type: 'bool', format: {isIcon: true}},
		{field: 'age', width: 70, header: "sAge", type: 'integer'},
		{field: 'birthday', width: 110, header: "sBirthday", type: 'date'},
		{field: 'blog', width: 200, header: "sBlog", showTip:true},
		{field: 'lastUpdateDate', width: 130, header: "ccay.common.label.lastUpdatedDate", type: 'datetime'}
    ],
	ajax:{
	   	url: 'services/ccay/demo/student/list/page/${pageSize}/${curPage}/${orderBy}'
	},
    operation: {
    	search: {
    		btn: '#btnSearch01',
			panel: '#searchForm'
    	},
    	del: {
    		btn: '#btnDel01',
    		undoBtn: '#btnUndoDel01'
    	},
    	insert: {
    		btn: '#btnAdd01',
    		copy: true,
    		clear: ['id', 'name', 'lastUpdateDate']
    	},
    	save: {
    		btn: '#btnSave01',
    		ajax: {
    			url: "services/ccay/demo/student/batch"
    		}
    	}
    }
};
$("#igridDemo").igrid(gridOption);
      		</pre>
      	</div>
      	<div class="try">
			<a onclick="Ccay.example.openTry('#managerFunctionDemo',$('#js1').html(),$('#html1').html())">亲自试一试</a>
		</div>	
    </div>
    
    <!-- Try区 -->
	 <div title="试一试" tabid="trytab" >
	    <fieldset class='ccay-demo'>
	    <legend ><h2>代码区</h2></legend>
		   
		   <span>请在下面的文本框中编辑您的代码，然后单击此按钮测试结果  ————></span><input value="try it yourself" type="button" onclick="Ccay.example.runDemo()" /> 

				<div>
				    <table  style="width:100%;">
				      <tr>
				        <td style="width:100%;">
						<h3>js Code:</h3>	
						  <!-- 高度按需来调整。默认最小应为100px -->					
	                      <textarea id="jsTxt" style="height:300px;width:99%;"></textarea>
	                    </td>   
	                  </tr>
	                  <tr>
	                    <td style="width:100%;">
						<h3>html Code:</h3>
						  <!-- 高度按需来调整。默认最小应为100px -->
	                      <textarea id="htmlTxt" style="height:300px; width:99%;"></textarea>
	                    </td>
	                  </tr> 
                    </table>
				</div>
           </fieldset>
        <fieldset class='ccay-demo'>
          <legend ><h2>结果区</h2></legend>
			<div>
				<div style="overflow:auto;" id="demoMainPanel"></div>
			</div>
        </fieldset>
     </div>
	 
	 <!-- FAQ区 -->
	 <div title="FAQ">
		  <form class="init ccay-form">
		    <div class="ccay-form-body">
		    <ul>
		    	<li class="ccay-form-row">
			      <samp><h3>问题</h3></samp>
			      <span class="ccay-form-input">
			               <h3>解决方案</h3>
			      </span>
			    </li>
		    </ul>
			</div>     
			<div class="ccay-form-custom">
			    <ul>                     
			        <!-- 若问题和内容较多，可在li中的class加上ccay-form-whole -->
			        <li class="ccay-form-row">
			                          <samp class="i18n" i18nKey=""></samp>                          
			                         <span class="ccay-form-input"></span>
			        </li>  
			    </ul>
			</div>
		  </form>                    
    </div> 
</div>